<script type="text/javascript" src="<{$smarty.const.APPLICATION_SCRIPT_LIB_URL}>/jquery/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="<{$smarty.const.GOOGLE_MAP_API_SERVICE}>"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
    LanguageConst._MSG_DELETE_POINT_SALE_CONFIRM = '<{#_MSG_DELETE_POINT_SALE_CONFIRM#|utf8_escape_js}>';
    
    google.setOnLoadCallback(Map.initMap);
    contextPath = '<{$_CONTEXT_PATH|utf8_escape_js}>';
</script>
<div class="point_sale_list" id="point_sale_list">
    
    <div class="point_sale_list_header">
        <div class="tab">
            <div class="item homepage" onclick="location.href='<{$_CONTEXT_PATH}>/homepage'" >
                &nbsp;
            </div>
            <div class="separate"></div>
            <div class="item">
                <{#_LB_PRODUCT_HOME#|utf8_escape_html}>
            </div>
            <div class="item menu">
                &nbsp;
            </div>
        </div>
        <div class="point_sale_title">
            <h3><{#_LB_POINT_SALE_LIST#|utf8_escape_html}></h3>
            <input type="button" class="button" onclick="location.href='<{$_CONTEXT_PATH}>/point-sale-form'" value="Create Point Sale"/>
        </div>
    </div>
    <ul>
        <{while $point_sale->fetch()}>
        <li onmouseover="onPointSaleItemOver('<{$point_sale->ID|utf8_escape_js}>')" onmouseout="onPointSaleItemOut('<{$point_sale->ID|utf8_escape_js}>')">
            <h4>
                <{$point_sale->NAME|utf8_escape_html}>
                <div class="control" id="control_<{$point_sale->ID|utf8_escape_html}>" style="display:none">
                    <input type="button" border="0"  class="location" onclick="locateAddress('<{$point_sale->ID|utf8_escape_js}>')" title="<{#_LB_LOCATE#|utf8_escape_html}>"/>
                    <input type="button" border="0"  class="edit" onclick="location.href='<{$_CONTEXT_PATH}>/point-sale-form?id=<{$point_sale->ID|utf8_escape_js}>'" title="<{#_LB_EDIT#|utf8_escape_html}>"/>
                    <input type="button" border="0" class="delete" onclick="deletePointSale('<{$point_sale->ID|utf8_escape_js}>')" title="<{#_LB_DELETE#|utf8_escape_html}>"/>
                </div>
            </h4>
            <span class="home"><{#_LB_CITY#|utf8_escape_html}>: <{$point_sale->CITY_NAME|utf8_escape_html}>, <{$point_sale->COUNTRY_NAME|utf8_escape_html}></span>
            <span class="location_address"><{$point_sale->STREET|utf8_escape_html}></span>
            <span class="email"><{$point_sale->EMAIL|utf8_escape_html}></span>
            <span class="phone"><{$point_sale->PHONE|utf8_escape_html}></span>
            <script type="text/javascript">
                PSMarkers['<{$point_sale->ID|utf8_escape_js}>'] = {
                    "position" : ["<{$point_sale->X|utf8_escape_js}>","<{$point_sale->Y|utf8_escape_js}>"],
                    "other_information": "<{$point_sale->OTHER_INFORMATION|utf8_escape_js}>",
                    "name" : "<{$point_sale->NAME|utf8_escape_js}>"
                };
            </script>
        </li>
        <{/while}>
    </ul>
</div>
<div class="region_container">
    <div class="region" id="region">
        <div class="map" id="map"></div>
    </div>
</div>